<template>
  <avue-crud :data="data"
              :width="1000"
              :height="400"
             :option="option"></avue-crud>
</template>

<script setup>
import { ref } from 'vue';

const data = ref(Array(100).fill().map((_, index) => {
  // 使用Array.fill创建100条数据
  const names = ['张三', '李四', '王五', '赵六', '钱七', '孙八', '周九', '吴十'];
  const sexes = ['男', '女'];
  
  // 随机选择姓名和性别
  const nameIndex = Math.floor(Math.random() * names.length);
  const sexIndex = Math.floor(Math.random() * sexes.length);
  
  // 返回数据对象
  return {
    name: `${names[nameIndex]}${index + 1}号`,
    sex: sexes[sexIndex]
  };
}));

const option = ref({
  virtualize: true,
  column: [
    { label: '姓名', prop: 'name', align: 'center' },
    { label: '性别', prop: 'sex', align: 'center' }
  ]
});
</script>
